<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>NexHome Admin</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
     <!-- bootstrap -->
    <link href="css/bootstrap/bootstrap.css" rel="stylesheet" />
    <link href="css/bootstrap/bootstrap-responsive.css" rel="stylesheet" />
    <link href="css/bootstrap/bootstrap-overrides.css" type="text/css" rel="stylesheet" />

    <!-- libraries -->
   <link href="css/lib/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css" />
    <link href="css/lib/font-awesome.css" type="text/css" rel="stylesheet" />

    <!-- global styles -->
    <link rel="stylesheet" type="text/css" href="css/layout.css" />
    <link rel="stylesheet" type="text/css" href="css/elements.css" />
    <link rel="stylesheet" type="text/css" href="css/icons.css" />
	
	<link rel="stylesheet" href="css/bootstrap-table.min.css">    
    <!--<link rel="stylesheet" type="text/css" href="css/theme.css">-->
   <!-- this page specific styles -->
    <link rel="stylesheet" href="css/compiled/index.css" type="text/css" media="screen" /> 
   <!-- open sans font -->
    <link href='css/OpenSans.css' rel='stylesheet' type='text/css' />

    <!-- lato font -->
    <link href='css/Lato.css' rel='stylesheet' type='text/css' />
	
<!--[if lt IE 9]>
      <script src="js/html5.js"></script>
    <![endif]--> 
	 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script>
	var DevModifyInfo;
	var Modname = "";
	var Modmsk = '1';
function request(paras)
{ 
	var url = location.href;
	var paraString;
	if(url.indexOf("username") != -1){ 
 	paraString = url.substring(url.indexOf("=")+1,url.length);	 
	}
	else{
	paraString = "NO";
	}
	return paraString;  	
	
}
function FindDevList()
{
	var username = $("#Dtext").val();
	username = '100000101156';
	var jsonData;	
	 $.ajax({                 
				//url : '../../device.do?action=loadDeviceListByKey',  
				url : '../../manager/device.do?action=searchActivate',  
                type: 'GET',  
                dataType: 'json',  
                timeout: 10000,  
                cache: false,
				data:{sKey: username},                
				error : function() {
					alert("查询连接超时...");				
				},    
                success: devinfosuccFunction
				   
            })
}
	</script>
  </head>

  <body> 
  <!--<![endif]-->
  <!-- main container -->
    <div class="content">       
        <div class="container-fluid">
         <div id="pad-wrapper" class="users-list">
		 	<div class="row-fluid header">
                    <h3>设备管理&nbsp;&nbsp;&nbsp;<a id="ViewAllbtn"><i class="icon-refresh"></i></a></h3>
                    <div class="span10 pull-right">
                        <input type="text" class="span5 search" id="Dtext" placeholder="Type a user's name..." />
                        
                       
                        <div class="ui-dropdown">
                            <div class="head" data-toggle="tooltip" title="Click me!" id="search_btn">
                                设备筛选
                                
                            </div>  
                        </div>												
                    </div>					                    
                </div>
		 
    
<!--<h1 class="page-title">设备管理</h1>
<div   id="div_find" style="margin-bottom:10px;">
      <form >
         <div class="form-group" align="center">
         <font style=" font-size:18px; color:#666666; line-height:30px; vertical-align:middle"> 输入设备NID:&nbsp;&nbsp;</font><input type="text"  id="Dtext" style=" margin-bottom:0px;" class="form-control" placeholder="Search"> &nbsp;&nbsp;<button  class="btn btn-default"  id="search_btn" >搜索</button>
         </div>
        
      </form>          
</div>-->

<div class="well" id="dev_show">
    <ul class="nav nav-tabs" id="nav-tabs">
      <li class="active"><a href="#router" data-toggle="tab">路由器信息</a></li>
      <li><a href="#subprofile" data-toggle="tab" >子设备信息</a></li>
	  <li><a href="#userprofile" data-toggle="tab" >用户信息</a></li>
    </ul>
    <div id="myTabContent" class="tab-content">
      <div  id="router">
	   
    	<form id="tab1">
			
        <label>NID</label>
        <input type="text" id="dev_nid" value="jsmith" class="input-xlarge" readonly="true">
        <label>SN</label>
        <input type="text" id="dev_sn" value="John" class="input-xlarge" readonly="true">		
        <label>设备类型</label>
        <input type="text" id="dev_type" value="Smith" class="input-xlarge" readonly="true">
        <label>固件版本</label>
        <input type="text" id="dev_version" value="jsmith@yourcompany.com" class="input-xlarge" readonly="true">
		<label>昵称</label>
        <input type="text" id="dev_nikname" value="John" class="input-xlarge" readonly="true">
        <label>备注</label>
        <textarea value="Smith" id="dev_info" rows="3" class="input-xlarge">
		2817 S 49th
		Apt 314
		San Jose, CA 95101
        </textarea>
        <!--<label>Time Zone</label>
        <select name="DropDownTimezone" id="DropDownTimezone" class="input-xlarge">
         
    	</select>-->
		<div>
			<button class="btn btn-primary" id="router_btn"><i class="icon-save"></i> 保存</button>					
		</div>
    	</form>
      </div>
      <div  id="subprofile">
		<form id="tab2">
			<div>
				<button class="btn btn-primary" id="sub_btnAdd"><i class="icon-plus"></i>添加</button>
				<button class="btn btn-primary" id="sub_btnDelete"><i class="icon-remove"></i>删除</a></button>
			</div>						
  			<div ><table id="table-sublist"></table></div>			
		</form>
      </div>
	  <div  id="userprofile">
		<form id="tab3">
			<div>
				<button class="btn btn-primary" id="user_btnAdd"><i class="icon-plus"></i>添加</button>
				<button class="btn btn-primary" id="user_btnDelete"><i class="icon-remove"></i>删除</a></button>
			</div>
			<div>
  			<table id="table-userlist"  ></table>
			</div> 
		</form>
      </div>
  </div>
</div>


</div></div></div>
<div class="modal small hide fade" id="devAddModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="myModalLabel">添加子设备</h3>
				</div>
				<div class="modal-body">
					<div class="form-group" align="center">
         			<font style=" font-size:18px; color:#666666; line-height:30px; vertical-align:middle"> 输入设备NID:&nbsp;&nbsp;</font><input type="subdevAddModaltext"  id="text" style=" margin-bottom:0px;" class="form-control" placeholder="Search">
         			</div>
				</div>
				<div class="modal-footer">
					<button class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
					<button class="btn btn-danger" data-dismiss="modal" id="devAddModal_addbtn">添加</button>
				</div>
</div>
<div class="modal small hide fade" id="devDeleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="myModalLabel">删除子设备</h3>
				</div>
				<div class="modal-body">
					<p class="error-text"><i class="icon-warning-sign modal-icon"></i>将删除全部已选子设备，是否确认删除？</p>
				</div>
				<div class="modal-footer">
					<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
					<button class="btn btn-danger" data-dismiss="modal" id="devAddModal_delbtn">Delete</button>
				</div>
</div> 
<div class="modal small hide fade" id="userAddModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="myModalLabel">添加用户</h3>
				</div>
				<div class="modal-body">
					<div class="form-group" align="center">
         			<font style=" font-size:18px; color:#666666; line-height:30px; vertical-align:middle"> 输入用户信息:&nbsp;&nbsp;</font><input type="subdevAddModaltext"  id="text" style=" margin-bottom:0px;" class="form-control" placeholder="Search">
         			</div>
				</div>
				<div class="modal-footer">
					<button class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
					<button class="btn btn-danger" data-dismiss="modal" id="userAddModal_addbtn">添加</button>
				</div>
</div> 
<div class="modal small hide fade" id="userReleaseModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="myModalLabel">解除绑定</h3>
				</div>
				<div class="modal-body">
					<p class="error-text"><i class="icon-warning-sign modal-icon"></i>是否将当前用户解除绑定？</p>
				</div>
				<div class="modal-footer">
					<button class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
					<button class="btn btn-danger" data-dismiss="modal" id="devAddModal_delbtn">确定</button>
				</div>
</div> 
<div class="modal small hide fade" id="roleChangeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="myModalLabel">角色转换</h3>
				</div>
				<div class="modal-body">
					<p class="error-text"><i class="icon-warning-sign modal-icon"></i>是否将当前用户角色转换？</p>
				</div>
				<div class="modal-footer">
					<button class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
					<button class="btn btn-danger" data-dismiss="modal"  onClick="UserRoleChange(Modname,Modmsk);">确定</button>
				</div>
</div>    
<div class="modal small hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="myModalLabel">Delete Confirmation</h3>
				</div>
				<div class="modal-body">
					<p class="error-text"><i class="icon-warning-sign modal-icon"></i>Are you sure you want to delete the user?</p>
				</div>
				<div class="modal-footer">
					<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
					<button class="btn btn-danger" data-dismiss="modal">Delete</button>
				</div>
</div>  
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-table.js"></script>
<script src="js/jquery-ui-1.10.2.custom.min.js"></script>  
<script src="js/theme.js"></script>
<script src="js/bootbox.min.js"></script>
<script type="text/javascript">

$(function () {
	var username = request(username);
	
	if(username != 'NO'){ 	
		devControl(username);
		$("#div_find").hide();
		$("#dev_show").show();
		$("#router").show();
		$("#subprofile").hide();
		$("#userprofile").hide();
		$("#nav-tabs li:eq(0)").addClass("active").show();
		//parent.ChangeMainIframeHeight();
	}
	else {
		$("#div_find").show();
		$("#dev_show").hide();	
		$("#router").hide();
		$("#subprofile").hide();
		$("#userprofile").hide();
	}	
	/*$("#Dtext").keypress(function(e) {
		e.preventDefault();
		var username = $("#Dtext").val();
		devControl(username); 
	});*/
	$("#search_btn").click(function(e){
		e.preventDefault();
		var user = $("#Dtext").val();
		user = '100000101188';
		devControl(user);
			
	});
	$("#router_btn").click(function(e){
		e.preventDefault();
		var info = $("#dev_info").val();
		DevModifyInfo = info;
		user = '100000101156';
		$.ajax({  
               
                url: 'http://localhost:8080/starclouders/manager/device.do?action=getActivate&username='+user, 
                type: 'GET',  
                dataType: 'json',  
                timeout: 1000,  
                cache: false,
				data:{info: info},               
				error : function() {
				 alert("修改路由器备注信息提交数据异常，请重新提交"); 
				},    
                success: devinfoModifyFunction //成功执行方法
				   
     })  
			
	});
	$("#nav-tabs li").click(function(e){
		e.preventDefault();	
		$("#nav-tabs li").removeClass("active");
		$(this).addClass("active");		
		if($(this).index()==0){			
			$("#router").show();
			$("#subprofile").hide();
			$("#userprofile").hide();
		}
		else if($(this).index()==1){
			$('#table-sublist').bootstrapTable('refresh');		
			$("#router").hide();
			$("#subprofile").show();
			$("#userprofile").hide();
			
		}
		else if($(this).index()==2){	
			$('#table-userlist').bootstrapTable('refresh');		
			$("#router").hide();
			$("#subprofile").hide();
			$("#userprofile").show();
			
		}
		
	});
 $('#sub_btnAdd').click(function (e) {
	 e.preventDefault();
	 $('#devAddModal').modal('show');               
 });
 $('#sub_btnDelete').click(function (e) {
	 e.preventDefault();
	 $('#devDeleteModal').modal('show');               
 });
 $('#user_btnAdd').click(function (e) {
	 e.preventDefault();
	 $('#userAddModal').modal('show');               
 });
 $('#user_btnDelete').click(function (e) {
	 e.preventDefault();
	 $('#userDeleteModal').modal('show');               
 });
 $('#devAddModal_addbtn').click(function (e) {
	var nid = $("#dev_info").val();
	nid = '100000101156';
		
	 $.ajax({  
               
                url: 'http://localhost:8080/starclouders/manager/device.do?action=getActivate&username='+nid, 
                type: 'GET',  
                dataType: 'json',  
                timeout: 1000,  
                cache: false,
				data:{username: nid},               
				error : function() {
				 alert("获取数据异常，请重新获取"); 
				},    
                success: function(){
					 $('#devAddModal').modal('hide');
					 $('#table-sublist').bootstrapTable('refresh');
				}
				   
     })  
	              
});
$('#devAddModal_delbtn').click(function (e) {
	var nid = $("#dev_info").val();
	nid = '100000101156';
	var ids = "";
	var rows = $('#table-sublist').bootstrapTable('getSelections');
	for (var i = 0; i < rows.length; i++) {
		ids += rows[i].id + ',';
	}
	ids = ids.substring(0, ids.length - 1);
   
	if (ids == "") {
		alert("请选择您要删除的记录！");
		return;
	}	
	 $.ajax({  
               
                url: 'http://localhost:8080/starclouders/manager/device.do?action=getActivate&username='+nid, 
                type: 'GET',  
                dataType: 'json',  
                timeout: 1000,  
                cache: false,
				data:{username: ids},               
				error : function() {
				 alert("获取数据异常，请重新获取"); 
				},    
                success: function(){
					 $('#devDeleteModal').modal('hide'); 
					 $('#table-sublist').bootstrapTable('refresh');
				}
				   
     })  
	              
});	
$('#userAddModal_addbtn').click(function (e) {
	var nid = $("#dev_info").val();
	nid = '100000101156';
		
	 $.ajax({  
               
                url: 'http://localhost:8080/starclouders/manager/device.do?action=getActivate&username='+nid, 
                type: 'GET',  
                dataType: 'json',  
                timeout: 1000,  
                cache: false,
				data:{username: nid},               
				error : function() {
				 alert("获取数据异常，请重新获取"); 
				},    
                success: function(){
					 $('#userAddModal').modal('hide');
					 $('#table-userlist').bootstrapTable('refresh');
				}
				   
     })  
	              
});
$('#userAddModal_delbtn').click(function (e) {
	var nid = $("#dev_info").val();
	nid = '100000101156';
	var ids = "";
	var rows = $('#table-userlist').bootstrapTable('getSelections');
	for (var i = 0; i < rows.length; i++) {
		ids += rows[i].id + ',';
	}
	ids = ids.substring(0, ids.length - 1);
   
	if (ids == "") {
		alert("请选择您要删除的记录！");
		return;
	}	
	 $.ajax({  
               
                url: 'http://localhost:8080/starclouders/manager/device.do?action=getActivate&username='+nid, 
                type: 'GET',  
                dataType: 'json',  
                timeout: 1000,  
                cache: false,
				data:{username: ids},               
				error : function() {
				 alert("获取数据异常，请重新获取"); 
				},    
                success: function(){
					 $('#userDeleteModal').modal('hide'); 
					 $('#table-userlist').bootstrapTable('refresh');
				}
				   
     })  
	              
});	
	
});
function initTable()
{
	initTable_sublist();
	initTable_userlist();
}
function devinfoModifyFunction()
{
	$("#dev_info").val(DevModifyInfo);
}
function devinfosuccFunction(tt) {
	//alert(tt.username);
	var tal = eval(tt);
	
		 $("#dev_nid").val(tal[0].username);
		 $("#dev_sn").val(tal[0].sn);
		 $("#dev_type").val(tal[0].deviceTypeName);
		 $("#dev_version").val(tal[0].version);				
		 $("#dev_nikname").val(tal[0].nickname); 
		 $("#dev_info").attr("value",'');//清空内容 
		 $("#dev_info").attr("value",tal[0].lastDiscontactTime)
		initTable();		 
		$("#dev_show").show(); 
		$("#router").show();
		$("#subprofile").hide();
		$("#userprofile").hide();
		$("#nav-tabs li:eq(0)").addClass("active").show();
		//parent.ChangeMainIframeHeight();
		
}
function devControl(nid)
{
	
	var jsonData;
	//nid = '100000101156';
	//var data = {nid : nid };	
	 $.ajax({  
               
                url: 'http://localhost:8080/starclouders/manager/device.do?action=getActivate&username='+nid, 
                type: 'GET',  
                dataType: 'json',  
                timeout: 1000,  
                cache: false,
				data:{username: nid},               
				error : function() {
				 alert("获取数据异常，请重新获取"); 
				},    
                success: devinfosuccFunction //成功执行方法
				   
     })  
	
}
function UserRoleChange(Modname,Modmsk)
{
nid = '100000101156';
	$.ajax({  
               
                url: 'http://localhost:8080/starclouders/manager/device.do?action=getActivate&username='+nid, 
                type: 'GET',  
                dataType: 'json',  
                timeout: 1000,  
                cache: false,
				data:{username: name,mask: msk},               
				error : function() {
				 alert("获取数据异常，请重新获取"); 
				},    
                success:  function() {
				 	 $('#roleChangeModal').modal('hide'); 
					 $('#table-userlist').bootstrapTable('refresh'); 
				}
     })  
}
function ChangeRole(name,msk)
{
	 $('#roleChangeModal').modal('show');
	 if(msk == '1'){
		$('#roleChangeModal .modal-body .error-text').html("是否确定将用户" + name +"切换为普通用户？")
		Modname = name;
		Modmsk = '0';
	}
	else{
		$('#roleChangeModal .modal-body .error-text').html("是否确定将用户" + name +"切换为管理员？")
		Modname = name;
		Modmsk = '1';
	}
					
	    
}
function responseHandler(res) {
	return {
	"rows": res.Rows,
	"total": res.Total
	};

}
//传递的参数
function queryParams(params) {
	return {
		pagesize: params.limit,
		page: params.pageNumber,
	};
}
function getLicenseFormatter(value, row, index) {
	return '<button class="btn" onclick="GetLicenseFrom(\''+ row.sn+'\')">获取</button>'
}
function initTable_sublist() {

$('#table-sublist').bootstrapTable({
	method: 'get',
	url: "http://localhost:8080/starclouders/manager/device.do?action=getChildActivate&username=100000101156",
	height: 300,
	striped: true,
	dataType: "json",
	pagination: true,
	"queryParamsType": "limit",
	singleSelect: false,
	contentType: "application/x-www-form-urlencoded",
	pageSize: 10,
	pageNumber:1,
	showRefresh: true,
	showToggle: true,	
	search: true, //不显示 搜索框
	showColumns: true, //不显示下拉框（选择显示的列）
	sidePagination: "server", //服务端请求
	queryParams: sublistqueryParams,
	responseHandler: sublistresponseHandler,
	columns: [
		{
                    field: 'state',
                    checkbox: true
         }, 	
		{
			field: 'id',	
			title: 'id',	
			width: '5%',	
			align: 'center',	
			valign: 'middle',	
			sortable: false	
		},
		{
			field: 'sn',	
			title: '子设备序列号',	
			width: '15%',	
			align: 'center',	
			valign: 'middle',	
			sortable: false	
		},
		{
			field: 'deviceTypeName',	
			title: '子设备类型',	
			width: '15%',	
			align: 'center',	
			valign: 'middle',	
			sortable: false	
		},
		{
			field: 'version',	
			title: '子设备IP信息',	
			width: '20%',	
			align: 'center',	
			valign: 'middle',	
			sortable: false	
		},
		{
			title: '登录账户',
			field: 'user',	
			width: '20%',	
			align: 'center',	
			valign: 'middle',	
			sortable: false	
		},
		{
			title: '管理/删除设备',
			field: 'operate',	
			width: '25%',	
			align: 'center',	
			valign: 'middle',	
			formatter: operateFormatter,				
			sortable: false	
		}
	],
	onLoadSuccess:function(){

                },
	onLoadError: function () {
		mif.showErrorMessageBox("数据加载失败！");
	}
});
}
function initTable_userlist() {

$('#table-userlist').bootstrapTable({
	method: 'get',
	url: "http://localhost:8080/starclouders/manager/user.do?action=listDeviceMember2&username=100000101156",
	height: 300,
	striped: true,
	dataType: "json",
	pagination: true,
	"queryParamsType": "limit",
	singleSelect: false,
	contentType: "application/x-www-form-urlencoded",
	pageSize: 10,
	pageNumber:1,
	showRefresh: true,
	showToggle: false,
	//showHeader: false,
	search: true, //不显示 搜索框
	showColumns: true, //不显示下拉框（选择显示的列）
	sidePagination: "server", //服务端请求
	queryParams: userlistqueryParams,
	responseHandler: userlistresponseHandler,
	columns: [
		
		{
			field: 'id',	
			title: 'id',	
			width: '5%',	
			align: 'center',	
			valign: 'middle',	
			sortable: false	
		},
		{
			field: 'username',	
			title: '用户账号',	
			width: '15%',	
			align: 'center',	
			valign: 'middle',	
			sortable: false	
		},
		{
			field: 'name',	
			title: '昵称',	
			width: '15%',	
			align: 'center',	
			valign: 'middle',	
			sortable: false	
		},
		{
			field: 'phone',	
			title: '电话',	
			width: '15%',	
			align: 'center',	
			valign: 'middle',	
			sortable: false	
		},
		{
			title: '角色',
			field: 'role',	
			width: '20%',	
			align: 'center',	
			valign: 'middle',
			formatter: roleFormatter,	
			sortable: false	
		},
		{
			title: '解绑',
			field: 'operate',	
			width: '25%',	
			align: 'center',	
			valign: 'middle',	
			formatter: releaseFormatter,				
			sortable: false	
		}
	]
});
}

function sublistresponseHandler(res) {
	
	return {
	"rows": res,
	"total": res.length
	};

}
//传递的参数
function sublistqueryParams(params) {
	return {
		pagesize: params.limit,
		page: params.pageNumber,
	};
}

function operateFormatter(value, row, index) {
            return [/*'<a target="mainIframe" title="点击跳转到该设备的设备管理页" onclick="JumpTOOAMPage(\''+ row.sn+'\')"><i class="icon-pencil"></i></a>',*/
					'<a href="#myModal" role="button" data-toggle="modal"><i class="icon-remove"></i></a>'
                    ].join('');
}


function userlistresponseHandler(res) {
	
	return {
	"rows": res,
	"total": res.length
	};

}
//传递的参数
function userlistqueryParams(params) {
	return {
		pagesize: params.limit,
		page: params.pageNumber,
	};
}
function roleFormatter(value, row, index) {
return '<button class="btn btn-primary" data-toggle="button" onclick="ChangeRole('+ row.username+ ',1' +')">切换角色</button>';           
}
function releaseFormatter(value, row, index) {
            return ['<a role="button" data-toggle="modal" onclick="ChangeRole('+ row.username+',' + row.mark + ')"><i class="icon-pencil"></i></a>',
					'<a href="#userReleaseModal" role="button" data-toggle="modal"><i class="icon-remove"></i></a>'
                    ].join('');
}
</script>
</body>
</html>


